<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<div>
    <input type="text" placeholder="请输入数据" id="n1"><br>
    <input type="button" value="提交" onclick="f1()"><br>
    <input type="button" value="弹出确认框" onclick="confirm('这是确认框')"><br>
    <input type="button" value="弹出文本框" onclick="prompt()"><br>
</div>

<div>
    <input type="text">
    <input type="button" value="平方" onclick="f()">
</div>

<div>
    <h1>000</h1>
    <h2>000</h2>
    <input type="button" value="定时器" onclick="f2()">
</div>

<script>
    let count=0;
    function f1() {
        if (isNaN(n1.value)) {
            alert("请输入数字")

        } else {
            alert("输入的是数字")
        }
    };

    function f() {
        let i = document.querySelector("input");
        let d = document.querySelector("div");
        if (isNaN(i.value)) {//是NaN 代表不是数
            d.innerText = "输入错误!";
        } else {
            // d.innerText = parseFloat(i.value)+parseFloat(i.value);
            d.innerText = parseInt(i.value) + parseInt(i.value)
        }
    }

    // setInterval(function f2() {
    //
    //     count++;
    //     let h1 = document.querySelector("h1");
    //     h1.innerText = count;
    // },1000)

    setInterval( function f2() {
        count+=2;
        let h1 = document.querySelector("h1");
        h1.innerText = count;
        if (count==10){
            //停止定时器
            clearInterval(timer);
        }
    }, 1000)
    //  function f2() {
    //     count+=2;
    //     let h1 = document.querySelector("h1");
    //     h1.innerText = count;
    //     if (count==10){
    //         //停止定时器
    //         clearInterval(timer);
    //     }
    // }

    let timer = setInterval(f,1000);

    //开启只执行一次的定时器
    setTimeout(function () {
        alert("时间到!");
    },3000);
</script>

</body>
</html>

<!--   - isNaN(变量)  判断变量是否是NaN,    NaN是Not a Number的缩写 代表不是一个数
   - alert("xxx") 弹出提示框
   - confirm("xxx") 弹出确认框
   - prompt("xxx") 弹出文本框
   - parseFloat()和parseInt()  将字符串转成整数或小数
   - let timer = setInterval(方法,时间间隔)   开启定时器
   - clearInterval(timer);  停止定时器
   - setTimeout(方法,时间间隔)   开启只执行一次的定时器-->